@charset "utf-8";
/* CSS Document */
body,div,span,p,a,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,img,input{ padding: 0; margin: 0; border: 0; list-style: none;}
input{ outline: none;}
body{ font-size: 12px; font-family: "宋体"; color: #3e3e3e;}
a{ color: #3e3e3e; text-decoration: none;}
a:hover{ color: #f60; text-decoration: underline;}

/* top_bar */
#top_bar{ height: 26px; background: #f5f5f5; border-bottom: 1px solid #dcdcdc;}
.bar_in{ width: 1000px; height: 26px;  margin: 0 auto; line-height: 26px;}
.bar_left{ width: 270px; height: 26px; float: left;}
.one{ float: left; background: url(../images/site-nav-bg.png) no-repeat right 7px; margin-right: 10px; padding-right: 9px;}
.two span{ background: url(../images/mobile.gif) no-repeat left center; padding-left: 18px; height: 26px; display: block;}
.three a{ background: url(../images/arrow.gif) no-repeat right center; padding-right: 10px;}

.bar_left p{ float: left;}

.bar_right{ width: 510px; height: 26px; float: right;}
.bar_right .one{ margin-right: 6px;}
.bar_right li{ float: left;}
.bar_right .two span{ background: url(../images/gw.png) no-repeat left center;}
.bar_right strong{ color: #ff5500; margin: 0 2px; font-size: 14px;}

/* header */
#header{ width: 1000px; height: 85px; margin: 16px auto 0;}
.logo{ float: left; margin-top: 20px;}
.logo_r{ width: 660px; height: 85px; float: right;}
.logo_r .top{ height: 23px;}
.logo_r .top a{ float: left; margin-right: 15px; line-height: 23px;}
.logo_r .top .baby{ width: 56px; height: 23px; background: url(../images/search-bg1.jpg); text-align: center; font-weight: bold; color: #fff;}
.logo_r .top span{ color: #d84600; }

.logo_r .center{ height: 34px;}
.logo_r .center .left{ width: 7px; height: 34px; background: url(../images/search-bg2.jpg); float: left;}
.logo_r .center .txt{ width: 444px; height: 28px; border-top: 3px solid #f27b04; border-bottom: 3px solid #f27b04; float: left; background: url(../images/search-bg3.jpg) no-repeat left center; padding-left: 20px;}
.logo_r .center .btn{ width: 132px; height: 34px; background: url(../images/search-bg4.jpg); float: left; cursor: pointer;}
.logo_r .center p{ float: right; line-height: 17px;}

.logo_r .bottom{ height: 19px; padding-top: 9px; line-height: 19px;}
.logo_r .bottom a{ float: left; margin-right: 8px;}
.logo_r .bottom .a1{ color: #ff5500;}
.logo_r .bottom .more{ width: 45px; height: 17px; border: 1px solid #d8d8d8; background: #fafafa url(../images/arrow1.gif) no-repeat 37px center; text-align: center; line-height: 17px; }

/* nav */
#nav{ width: 1000px; height: 42px; border-bottom: 2px solid #f27b03; margin: 0 auto; font-weight: bold;}
.nav_left{ line-height: 24px; width: 700px; height: 24px; float: left; margin: 18px 0 0 7px;}
.nav_left li{ float: left; font-size: 14px; }
.nav_left .first{ width: 58px; height: 23px; background: #f37c06; border: 1px solid #d74700; border-bottom: none; text-align: center; color: #fff; margin-right: 18px;}
.nav_left li a{ padding: 0 15px; height: 23px; display: block; color: #db4701; border: 1px solid #fff;  border-bottom: none; }
.nav_left li a:hover{ border: 1px solid #ba8c41;  border-bottom: none; background: #faf9e7; text-decoration: none;}

.nav_right{ width: 240px; height: 42px; float: right; }
.nav_right a{ color: #db4701; float: left;}
.nav_right .font{ margin: 25px 0 0 15px;}

/* content */
#content{ width: 1000px; height: 410px; margin: 0 auto;}
.menu{ width: 198px; height: 410px; background: url(../images/shadow.jpg) no-repeat right 187px; float: left;}
.menu_in{ width: 178px; height: 400px; background: #fff8ed; border: 2px solid #ff9900; border-top: none; padding: 0 5px; }
.menu_in .top{ height: 35px; line-height: 35px; }
.menu_in .top h3{ float: left; margin-left: 3px;}
.menu_in .top span{ float: right;}
.menu_in .top a{ background: url(../images/arrow1.gif) no-repeat right center; padding-right: 6px;}
.menu_in dl{ border-top: 1px solid #fcdfbe; padding: 5px 0 10px 8px;}
.menu_in dl dt{ height: 22px; font-weight: bold; background: url(../images/icon.png) no-repeat left top; padding-left: 23px; line-height: 22px;}
.menu_in dl dd{ line-height: 20px; overflow: hidden;}
.menu_in dd a{ float: left; margin-right: 11px;}

.con_right{ width: 802px; height: 400px; float: right; padding-top: 10px;}
.main{ width: 492px; height: 400px; float: left;}
.banner{ width: 490px; height: 170px; border: 1px solid #d8d8d8; position: relative;}
.banner ol{ position: absolute; right: 9px; bottom: 9px;}
.banner ol li{ float: left; width: 18px; height: 18px; background: #fff; border: 1px solid #d8d8d8; text-align: center; line-height: 18px; color: #f60; cursor: pointer; opacity: 0.7; }
.banner ol .current{ opacity: 1; background: #f60; color: #fff; font-weight: bold;}
.tmall{ height: 20px; margin-top: 17px; border-bottom: 1px solid #eaeaea;}
.tmall_left{ float: left;}
.tmall_right{ float: right; width: 220px; height: 20px;}
.tmall_right a{ float: left;}
.tmall_right .square{ width: 3px; height: 3px; background: #d8d8d8; display: inline-block; margin: 0 5px;}
.tmall_right .turn{ width: 32px; height: 14px; float: right;}
.tmall_right .turn span{ width: 14px; height: 12px; border: 1px solid #d8d8d8; float: left; background: url(../images/arrow2.jpg) no-repeat center top; cursor: pointer;}
.tmall_right .turn .right{ background-position: center -12px;}

.advs{ height: 135px;}
.advs span{ width: 12px; height: 135px; background: url(../images/arrow3.jpg) no-repeat right center; float: left;}
.advs .right{ float: right; background-position: left center;}
.advs ul{ float: left;}
.advs ul li{ float: left; margin-left: 5px;}

.logos{  height: 30px;  padding-left: 20px;  }
.logos ul li{  float: left;  margin-right: 5px;  }

.main_right{ width: 300px; height: 400px;float: right;}
.reg{width: 300px;height: 50px; background: red; }
.reg a{height: 50px; float: left;background: url("../images/status.jpg") no-repeat 0 0;}
.reg .a01{  width: 105px;   }
.reg .a01:hover{ background-position:  0 -50px; }
.reg .a02{  width: 92px;   background-position: -105px 0; }
.reg .a02:hover{ width: 94px;margin-left: -2px;   background-position: -103px -50px;}
.reg .a03{  width: 103px;   background-position: -197px 0 ; }
.reg .a03:hover{  width: 105px;  margin-left:-2px; background-position: -195px -50px; }

.tab01{  width: 298px;  height: 89px;  border: 1px solid #d5d5d5;  margin-top:10px;  }
.tab01 .top{ height: 25px;background: #eee; padding: 4px 0 0 7px; line-height:25px; }
.top li{float: left;margin:0 14px;}
.top .first{background: #fff;text-align: center;  width: 52px;  height: 24px;  border: 1px solid #d5d5d5;  border-bottom: none;  margin: 0;  }

.tab01 .down{padding: 10px 0 0 12px; line-height: 22px;}
.tab01 .down a{margin-right: 23px;}
.tab01 .down .a01{color: #f60;}

.tab02{  margin: 0;  border-top: none;  height: 175px;  }
.tab02 .top .service{  margin: 0 21px 0 0;  font-size: 13px;}

.tab02 .down dl{margin-top: 8px; height: 22px;}
.tab02 .down dt{float: left;width: 50px;  height: 22px;}
.tab02 .down dd{float: left;width: 220px;  height: 22px;}
.tab02 .num input{  width: 113px;  height: 20px;  background: url("../images/text_bg.png");  border: 1px solid #cecece;  color: #999;  padding-left: 4px;  }

.tab02 .money input{  float: left; margin-top: 5px; }
.tab02 .money span{  float: left; margin: 0 7px 0 4px; }
.tab02 .money select{  float: left;  margin-top: 2px;}
.tab02 .price{  font-weight: bold;}
.tab02 .price span{  font-size:14px; color: #FF6600;}

/*.tab02 .recharge{ margin-top: 8px;}*/
.tab02 .recharge input{ width: 68px; height: 23px; border: 1px solid #d84600; text-align: center; line-height: 23px; background: url(../images/btn-bg1.jpg); color: #fff; font-size: 12px;}
.tab02 .recharge a{ color: #0b72a4;}

.adv02{ width: 298px; height: 52px; border: 1px solid #d5d5d5; margin-top: 10px;}







